<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    正在测试ajax的使用
</body>
<script>

    // 1. 先有手机 - 创建xhr对象，创建载体对象
    const xhr = new XMLHttpRequest();
    // 2. 拨号（免提或听筒，手机号，同步异步）
    xhr.open("get", "http://localhost:3000/api?abc=hahah&qwe=123123&zxc=987987");
    // 3. 按下拨号键 - 发送请求
    xhr.send();
    // 4. 等待（观察变化） - 绑定事件监听状态
    xhr.onreadystatechange = function(){
        if(xhr.readyState === 4 && xhr.status === 200){
            const str = xhr.responseText;
            console.log("本次请求成功");
            console.log(JSON.parse(str));
        }
    }

    // 封装
</script>
</html>